import React, { Component,Fragment } from 'react'
import withLayout from './hoc/withLayout'
// Fragment内置组件，可以用它来完成顶层元素占位所用，它不会编译成html标签
//  Fragment 它有一个简写的方案，简写不用导入Fragment，直接可以用 <></>

class Child extends Component {
  render() {
    return (
      <Fragment>
        <div>我是child中的内容1</div>
        <div>我是child中的内容2</div>
      </Fragment>
    )
  }
}

const ChildCmp = withLayout(Child)

class App extends Component {
  render() {
    return (
      <div className="app">
        {/* <Child /> */}
        <ChildCmp />
      </div>
    )
  }
}

export default App
